<template>
  <div>
    <h2>music</h2>
    <ul>
      <li v-for="item in type" :key="item">{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {
    name:"Music",
    props:['id'],
    computed:{
      type(){
        switch (this.id) {
        case "1":
          return['华语1','华语2','华语3'];
        case "2":
          return['英语1','英语2','英语3'];
        case "3":
          return['粤语1','粤语2','粤语3'];
        default:
          return[]
      }
    }
    }
}
</script>

<style>

</style>